<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>cssrain</title>
<meta charset="gb2312" content="text/html;" http-equiv="Content-Type"/>
<script language="javascript">

function switchSysBar(){
 if (parent.document.getElementById('attachucp').cols=="172,8,*"){
 document.getElementById('leftbar').style.display="";
 parent.document.getElementById('attachucp').cols="0,8,*";
 }
 else{
 parent.document.getElementById('attachucp').cols="172,8,*";
 document.getElementById('leftbar').style.display="none"
 }
}
function load(){
 if (parent.document.getElementById('attachucp').cols=="0,8,*"){
 document.getElementById('leftbar').style.display="";
 }
}

</script>
<style type="text/css">
<!--
body {
	background-image: url(images/bodybg.gif);
	background-repeat: repeat;
}
.yincang {
	background-image: url(images/shade_BG.gif);
}
.zhankai {
	background-image: url(images/shade_BG.gif);
}
-->
</style>
</head>
<body marginwidth="0" marginheight="0"  onLoad="load()" topmargin="0" leftmargin="0">
<center>
<table height="100%" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td id="leftbar" class="zhankai"  style="display: none;">
<a onClick="switchSysBar()" href="javascript:void(0);">
<img height="54" border="0" width="8" alt="չ�����˵�" src="images/shade_right.gif"/>
</a>
</td>
<td id="rightbar" class="yincang" >
<a onClick="switchSysBar()" href="javascript:void(0);">
<img height="54" border="0" width="8" alt="�������˵�" src="images/shade_left.gif"/>
</a>
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>